CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

css如何隐藏溢出来的文字

来源:网络整理  作者:  发布时间:2020-12-19 02:37
css隐藏溢出来的文字的方法:可以利用text-overflow属性来实现,如【text-overflow:ellipaos;】,属性值ellipsis表示显示省略符...

css如何隐藏溢出来的文字

text-overflow 属性规定当文本溢出包含元素时发生的事情。

f2d3fb040e60144270c4d9c5cc0f7d5.png

语法:

(学习视频分享:css视频教程

text-overflow:ellipaos;/*让最后一个显示部分遮掩部分的字消失,而变成三个点点的省略号*/ overflow:hidden; /*这个参数可以让超出部分隐藏起来,但是这个隐藏是一种按照宽度而来的直接隐藏*/ white-space:nowrap; /* 确保超出文字显示在一行里面*/

举例:

text-overflow: clip|ellipsis|string;

属性值:

{   width:XXpx;   white-space:nowrap;   overflow:hidden;   text-overflow:ellipsis; }

相关推荐:CSS教程

以上就是css如何隐藏溢出来的文字的详细内容,更多请关注聚合云库其它相关文章!

属性介绍:

css隐藏溢出来的文字的方法:可以利用text-overflow属性来实现,如【text-overflow:ellipaos;】,属性值ellipsis表示显示省略符号来代表溢出来的文字。

让溢出的文字隐藏

相关热词: CSS

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5419.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

css如何隐藏溢出来的文字

2020-12-19 编辑:

css如何隐藏溢出来的文字

text-overflow 属性规定当文本溢出包含元素时发生的事情。

f2d3fb040e60144270c4d9c5cc0f7d5.png

语法:

(学习视频分享:css视频教程

text-overflow:ellipaos;/*让最后一个显示部分遮掩部分的字消失,而变成三个点点的省略号*/ overflow:hidden; /*这个参数可以让超出部分隐藏起来,但是这个隐藏是一种按照宽度而来的直接隐藏*/ white-space:nowrap; /* 确保超出文字显示在一行里面*/

举例:

text-overflow: clip|ellipsis|string;

属性值:

{   width:XXpx;   white-space:nowrap;   overflow:hidden;   text-overflow:ellipsis; }

相关推荐:CSS教程

以上就是css如何隐藏溢出来的文字的详细内容,更多请关注聚合云库其它相关文章!

属性介绍:

css隐藏溢出来的文字的方法:可以利用text-overflow属性来实现,如【text-overflow:ellipaos;】,属性值ellipsis表示显示省略符号来代表溢出来的文字。

让溢出的文字隐藏

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/5419.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页